<template>
  <div name="video_list">
    <ul class="video_con">
      <li class="video_list" v-for="(item,index) in videolist" :key="index">
        <div class="list_con">
          <div class="img_box">
            <img class="img" :src="item.videoImg" alt="">
            <div class="iconfont icon-bofang1 icon"></div>
            <div class="iconfont icon-bofang2 icon icon2"></div>
          </div>
          <div class="video_namebox">
            <div class="video_name" title="点击播放视频
            ">{{item.videoName}}</div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videolist: [
        {
          videoImg: '/images/video/video1.png',
          videoName: '小米10 8K手机拍大片'
        },
        {
          videoImg: '/images/video/video2.png',
          videoName: '小米10 发布会'
        },
        {
          videoImg: '/images/video/video3.png',
          videoName: '小米MIX Alpan开箱视频'
        },
        {
          videoImg: '/images/video/video4.png',
          videoName: '小米5G新品手机发布会'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
@import './VideoList.scss';
</style>